<!doctype html>
<html>
<head>
<title>信息港数据统计</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
<link href="js/pluginspackage/bootstrap-3.3.0/bootstrap.css" rel="stylesheet" type="text/css">
<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-select/1.13.18/css/bootstrap-select.css" rel="stylesheet" type="text/css">
<link href="js/pluginspackage/swiper/swiper.min.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/common.css" rel="stylesheet" type="text/css">
<link href="css/foundation-datepicker.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container-fluid container-bg office-efficiency-index">
    <div class="row office-header">
        <nav class="navbar navbar-default">
          <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">信息港幼儿园数据统计</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
              <ul class="nav navbar-nav">
                <li><a href="#" class="active">幼儿通用材料 <span class="sr-only">(current)</span></a></li>
                <li><a href="#materialUseDetail">材料选用明细</a></li>
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">互动情况 <span class="caret"></span></a>
                  <ul class="dropdown-menu">
                    <li><a href="#goodsInteract">交易互动情况</a></li>
                    <li><a href="#materialInteract">材料互动情况</a></li>
                  </ul>
                </li>
                <li><a href="#classMaterialUse">班级材料使用</a></li>
              </ul>
              <form class="navbar-form navbar-left">
                  信息港幼儿园数据统计
              </form>
              <ul class="nav navbar-nav navbar-right">
                <li><a href="#materialUseForTime">既定时间材料选用</a></li>
                <li><a href="#materialUseForTime">既定时间材料选用</a></li>
                <li><a href="#worksCount">作品材料统计</a></li>
                <li><a href="#materialUseContrast">材料使用对比</a></li>
              </ul>
            </div><!-- /.navbar-collapse -->
          </div><!-- /.container-fluid -->
        </nav>
    </div>
    <div class="row office-header-content">
        <!--左侧-->
        <div class="col-sm-12 col-md-12 pd">
            <div class="col-info sun-col-info">
                <div class="title sun-title">学生使用材料列表</div>
                <div class="sun-dropdown-box">
                    <div class="dropdown-one">
                        <div class="label">班级:</div>
                        <select id="team_select_1" class="form-control selectpicker" title="请选择"></select>
                    </div>
                    <div class="dropdown-one">
                        <div class="label">学生:</div>
                        <select id="students_select_1" class="sun-students-select-one form-control selectpicker" title="请选择" multiple="" data-max-options="5"></select>
                    </div>
                </div>
                <div class="content" id="material-students-list"></div>
                <div class="title sun-subtitles">总使用个数</div>
                <div id="receive_number_total" class="con_div_text left">

                </div>
                <div class="title sun-subtitles">总领用次数</div>
                <div id="usage_number_total" class="con_div_text">

                </div>
                <div id="usageTable" class="main_table t_btn8">
                    <table>
                        <thead>
                        <tr>
                            <th>日期+时间</th>
                            <th>学生姓名</th>
                            <th>材料</th>
                            <th>使用个数</th>
                            <th>领用次数</th>
                        </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                    <span class="bottom-right border-span"></span>
                    <span class="bottom-left border-span"></span>
                </div>
                <div id="usagePage" class="page-div"></div>
            </div>
            <div class="col-info sun-col-info">
                <div class="title sun-title">材料使用明细</div>
                <div class="sun-dropdown-box">
                    <div class="dropdown-one">
                        <div class="label">班级:</div>
                        <select id="team_select_2" class="form-control selectpicker" title="请选择"></select>
                    </div>
                    <div class="dropdown-one">
                        <div class="label">学生:</div>
                        <select id="students_select_2" class="sun-students-select-one form-control selectpicker" title="请选择"></select>
                    </div>
                </div>
                <div class="content" id="use-material-ways"></div>
            </div>
            <a name="goodsInteract"></a>
            <div class="col-info sun-col-info material-use-detail">
                <div class="title sun-title">互动情况</div>
                <div class="foth-title"><img src="images/q.png"><span>商品互动</span><img src="images/q.png"></div>
                <div class="material-use-detail-box">
                    <div class="con_div_text01 left">
                        <img src="images/hudong-icon.png" class="left text01_img"/>
                        <div class="left text01_div">
                            <p class="sky" id="product_interaction_total">0</p>
                            <p>总互动频次(次)</p>
                        </div>
                    </div>
                </div>
                <div class="sun-dropdown-box">
                    <div class="dropdown-one">
                        <div class="label">作品:</div>
                        <select id="product_select_1" class="form-control selectpicker" title="请选择"></select>
                    </div>
                </div>
                <div id="productInteractionTable" class="main_table t_btn8">
                    <table>
                        <thead>
                        <tr>
                            <th>互动对象</th>
                            <th>互动方式</th>
                            <th>互动频次</th>
                        </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                    <span class="bottom-right border-span"></span>
                    <span class="bottom-left border-span"></span>
                </div>
                <div id="productInteractionPage" class="page-div"></div>
            </div>
            <div class="col-info sun-col-info material-use-detail">
                <div class="material-use-detail-box">
                    <div class="con_div_text01 left">
                        <img src="images/hudong-icon.png" class="left text01_img"/>
                        <div class="left text01_div">
                            <p id="proIntByClaStuTotal" class="sky">0</p>
                            <p>互动频次(次)</p>
                        </div>
                    </div>
                </div>
                <div class="sun-dropdown-box">
                    <div class="dropdown-one">
                        <div class="label">班级:</div>
                        <select id="team_select_3" class="form-control selectpicker" title="请选择"></select>
                    </div>
                    <div class="dropdown-one">
                        <div class="label">学生:</div>
                        <select id="students_select_3" class="sun-students-select-one form-control selectpicker" title="请选择"></select>
                    </div>
                </div>
                <div id="proIntByClaStuTable" class="main_table t_btn8">
                    <table>
                        <thead>
                        <tr>
                            <th>互动对象</th>
                            <th>互动方式</th>
                            <th>互动频次</th>
                        </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                    <span class="bottom-right border-span"></span>
                    <span class="bottom-left border-span"></span>
                </div>
                <div id="proIntByClaStuPage" class="page-div"></div>
            </div>
            <a name="materialInteract"></a>
            <div class="col-info sun-col-info material-use-detail">
                <div class="title sun-title">互动情况</div>
                <div class="foth-title"><img src="images/q.png"><span>材料互动</span><img src="images/q.png"></div>
                <div class="material-use-detail-box">
                    <div class="con_div_text01 left">
                        <img src="images/hudong-icon.png" class="left text01_img"/>
                        <div class="left text01_div">
                            <p id="cateInteractionTotal" class="sky">0</p>
                            <p>总互动频次(次)</p>
                        </div>
                    </div>
                </div>
                <div class="sun-dropdown-box">
                    <div class="dropdown-one">
                        <div class="label">班级:</div>
                        <select id="team_select_4" class="form-control selectpicker" title="请选择"></select>
                    </div>
                    <div class="dropdown-one">
                        <div class="label">材料:</div>
                        <select id="cat_select_4" class="sun-students-select-one form-control selectpicker" title="请选择"></select>
                    </div>
                </div>
                <div id="cateInteractionTable" class="main_table t_btn8">
                    <table>
                        <thead>
                        <tr>
                            <th>互动对象</th>
                            <th>互动方式</th>
                            <th>互动频次</th>
                        </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                    <span class="bottom-right border-span"></span>
                    <span class="bottom-left border-span"></span>
                </div>
                <div id="cateInteractionPage" class="page-div"></div>
            </div>
            <div class="col-info sun-col-info material-use-detail">
                <div class="material-use-detail-box">
                    <div class="con_div_text01 left">
                        <img src="images/hudong-icon.png" class="left text01_img"/>
                        <div class="left text01_div">
                            <p id="catIntByClaStuTotal" class="sky">0</p>
                            <p>互动频次(次)</p>
                        </div>
                    </div>
                </div>
                <div class="sun-dropdown-box">
                    <div class="dropdown-one">
                        <div class="label">班级:</div>
                        <select id="team_select_5" class="form-control selectpicker" title="请选择"></select>
                    </div>
                    <div class="dropdown-one">
                        <div class="label">学生:</div>
                        <select id="students_select_5" class="sun-students-select-one form-control selectpicker" title="请选择"></select>
                    </div>
                </div>
                <div id="catIntByClaStuTable" class="main_table t_btn8">
                    <table>
                        <thead>
                        <tr>
                            <th>互动对象</th>
                            <th>互动方式</th>
                            <th>互动频次</th>
                        </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                    <span class="bottom-right border-span"></span>
                    <span class="bottom-left border-span"></span>
                </div>
                <div id="catIntByClaStuPage" class="page-div"></div>
            </div>
        </div>
        <div class="col-md-12 col-sm-12">
            <!--中间-->
            <div class="col-sm-12 col-md-12 pd">
                <a name="classMaterialUse"></a>
                <div class="col-info material-use-detail sun-col-info">
                    <div class="title sun-title">班级材料使用情况统计表</div>
                    <div class="data-time-dropdown-box">
                        <div class="data-time">
                            <img src="images/data_time.png" alt="" class="fl">
                            <input type="text" value="" id="center_stime" style="background: #00142b;width: 80px;text-align: center;" placeholder="开始时间" readonly>
                            <span>至</span>
                            <input type="text" value="" id="center_etime" style="background: #00142b;width: 80px;text-align: center;" placeholder="结束时间" readonly>
                        </div>
                        <div class="sun-dropdown-box">
                            <div class="dropdown-one">
                                <div class="label">班级:</div>
                                <select id="center_team_select" class="form-control selectpicker" title="请选择"></select>
                            </div>
                            <div class="dropdown-one">
                                <div class="label">材料:</div>
                                <select id="center_cat_select" class="sun-students-select-one form-control selectpicker" title="请选择" multiple="" data-max-options="5"></select>
                            </div>
                        </div>
                    </div>
                    <div class="content" id="class-material-situation"></div>
                    <a name="materialUseDetail"></a>
                    <div class="title">材料使用明细</div>
                    <div class="material-use-detail-box">
                        <div class="con_div_text01 left">
                            <img src="images/number.png" class="left text01_img"/>
                            <div class="left text01_div">
                                <p id="cateUsageCount" class="sky">0</p>
                                <p>总领取数量(个)</p>
                            </div>
                        </div>
                        <div class="con_div_text01 right">
                            <img src="images/app.png" class="left text01_img"/>
                            <div class="left text01_div">
                                <p id="cateUsageNumber" class="sky">0</p>
                                <p>总领取次数(次)</p>
                            </div>
                        </div>
                    </div>
                    <div id="cateUsageTable" class="main_table t_btn8">
                        <table>
                            <thead>
                            <tr>
                                <th>日期</th>
                                <th>材料</th>
                                <th>领取数量</th>
                                <th>领取次数</th>
                            </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                        <span class="bottom-right border-span"></span>
                        <span class="bottom-left border-span"></span>
                    </div>
                    <div id="cateUsagePage" class="page-div"></div>
                </div>
                <div class="col-info sun-col-info material-use-detail">
                    <div class="title sun-subtitle-center">学生使用明细</div>
                    <div class="material-use-detail-box">
                        <div class="con_div_text01 left">
                            <img src="images/number.png" class="left text01_img"/>
                            <div class="left text01_div">
                                <p id="stuUsageCatTotal" class="sky">0</p>
                                <p>总领取数量(个)</p>
                            </div>
                        </div>
                    </div>
                    <div id="stuUsageCatTable" class="main_table t_btn8">
                        <table>
                            <thead>
                            <tr>
                                <th>时间+日期</th>
                                <th>学生姓名</th>
                                <th>材料</th>
                                <th>个数</th>
                            </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                        <span class="bottom-right border-span"></span>
                        <span class="bottom-left border-span"></span>
                    </div>
                    <div id="stuUsageCatPage" class="page-div"></div>
                </div>
                <div class="col-info sun-col-info material-use-detail">
                    <div class="title sun-subtitle-center">作品输出统计表</div>
                    <div id="proMakeListTable" class="main_table t_btn8">
                        <table>
                            <thead>
                            <tr>
                                <th>日期+时间</th>
                                <th>学生姓名</th>
                                <th>使用的材料</th>
                                <th>作品名字</th>
                                <th>作品（图片）</th>
                            </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                        <span class="bottom-right border-span"></span>
                        <span class="bottom-left border-span"></span>
                    </div>
                    <div id="proMakeListPage" class="page-div"></div>
                </div>
                <div class="col-info sun-col-info material-use-detail">
                    <div class="title sun-subtitle-center"><span class="center-classname"></span>未使用材料回收统计表</div>
                    <div class="content" id="class-one-material-unuse-situation"></div>
                    <div class="title sun-subtitle-center">材料回收统计</div>
                    <div class="material-use-detail-box">
                        <div class="con_div_text01 left">
                            <img src="images/out.png" class="left text01_img"/>
                            <div class="left text01_div">
                                <p id="cateRecoveryOut" class="sky">0</p>
                                <p>总出库数量(个)</p>
                            </div>
                        </div>
                        <div class="con_div_text01 right">
                            <img src="images/in.png" class="left text01_img"/>
                            <div class="left text01_div">
                                <p id="cateRecoveryIn" class="sky">0</p>
                                <p>总入库数量(个)</p>
                            </div>
                        </div>
                    </div>
                    <div id="cateRecoveryTable" class="main_table t_btn8">
                        <table>
                            <thead>
                            <tr>
                                <th>日期</th>
                                <th>材料</th>
                                <th>出库数</th>
                                <th>回收入库数</th>
                            </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                        <span class="bottom-right border-span"></span>
                        <span class="bottom-left border-span"></span>
                    </div>
                    <div id="cateRecoveryPage" class="page-div"></div>
                </div>
                <div class="col-info sun-col-info material-use-detail">
                    <div class="title sun-subtitle-center">材料回收明细</div>
                    <div class="material-use-detail-box">
                        <div class="con_div_text01 left">
                            <img src="images/out.png" class="left text01_img"/>
                            <div class="left text01_div">
                                <p id="cateRecoveryInfoOut" class="sky">0</p>
                                <p>总出库数量(个)</p>
                            </div>
                        </div>
                        <div class="con_div_text01 right">
                            <img src="images/in.png" class="left text01_img"/>
                            <div class="left text01_div">
                                <p id="cateRecoveryInfoIn" class="sky">0</p>
                                <p>总入库数量(个)</p>
                            </div>
                        </div>
                    </div>
                    <div id="cateRecoveryInfoTable" class="main_table t_btn8">
                        <table>
                            <thead>
                            <tr>
                                <th>日期+时间</th>
                                <th>材料</th>
                                <th>出入库</th>
                                <th>出入库数量</th>
                            </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                        <span class="bottom-right border-span"></span>
                        <span class="bottom-left border-span"></span>
                    </div>
                    <div id="cateRecoveryInfoPage" class="page-div"></div>
                </div>
            </div>
            <!--右侧-->
            <div class="col-sm-12 col-md-12 pd">
                <a name="materialUseForTime"></a>
                <div class="col-info sun-col-info material-use-detail">
                    <div class="title sun-title">既定时间材料选用</div>
                    <div class="data-time-dropdown-box">
                        <div class="data-time">
                            <img src="images/data_time.png" alt="" class="fl">
                            <input type="text" value="" id="right_stime_1" style="background: #00142b;width: 80px;text-align: center;" placeholder="开始时间" readonly>
                            <span>至</span>
                            <input type="text" value="" id="right_etime_1" style="background: #00142b;width: 80px;text-align: center;" placeholder="结束时间" readonly>
                        </div>
                        <div class="sun-dropdown-box">
                            <div class="dropdown-one">
                                <div class="label">班级:</div>
                                <select id="right_team_select_1" class="form-control selectpicker" title="请选择"></select>
                            </div>
                            <div class="dropdown-one">
                                <div class="label">学生:</div>
                                <select id="right_students_select_1" class="sun-students-select-one form-control selectpicker" title="请选择" multiple="" data-max-options="5"></select>
                            </div>
                        </div>
                    </div>
                    <div class="content staff-info" id="student-use-material-time">
                    </div>
                    <div class="title sun-subtitle-center"><span class="right-classname"></span>使用材料情况</div>
                    <div class="material-use-detail-box">
                        <div class="con_div_text01 left">
                            <img src="images/use.png" class="left text01_img"/>
                            <div class="left text01_div">
                                <p id="cateSelectChartTotal" class="sky">0</p>
                                <p>总使用个数(个)</p>
                            </div>
                        </div>
                    </div>
                    <div id="cateSelectChartTable" class="main_table t_btn8">
                        <table>
                            <thead>
                            <tr>
                                <th>日期</th>
                                <th>材料</th>
                                <th>个数</th>
                            </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                        <span class="bottom-right border-span"></span>
                        <span class="bottom-left border-span"></span>
                    </div>
                    <div id="cateSelectChartPage" class="page-div"></div>
                </div>
                <div class="col-info sun-col-info material-use-detail">
                    <div class="title sun-subtitle-center"><span class="right-classname"></span>所有学生使用材料情况</div>
                    <div class="content" id="class-one-material-use-situation"></div>
                    <div class="content" id="class-one-material-use-situation-circle"></div>
                    <div class="title sun-subtitle-center"><span class="right-classname"></span>使用材料情况</div>
                    <div class="material-use-detail-box">
                        <div class="con_div_text01 left">
                            <img src="images/use.png" class="left text01_img"/>
                            <div class="left text01_div">
                                <p id="studentCateUsageTotal" class="sky">12356</p>
                                <p>总是用个数(个)</p>
                            </div>
                        </div>
                    </div>
                    <div id="studentCateUsageTable" class="main_table t_btn8">
                        <table>
                            <thead>
                            <tr>
                                <th>日期+时间</th>
                                <th>学生姓名</th>
                                <th>材料</th>
                                <th>个数</th>
                            </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                        <span class="bottom-right border-span"></span>
                        <span class="bottom-left border-span"></span>
                    </div>
                    <div id="studentCateUsagePage" class="page-div"></div>
                </div>
                <div class="col-info sun-col-info material-use-detail">
                    <a name="worksCount"></a>
                    <div class="title sun-title">作品材料统计表</div>
                    <div class="data-time-dropdown-box">
                        <div class="data-time">
                            <img src="images/data_time.png" alt="" class="fl">
                            <input type="text" value="" id="right_stime_2" style="background: #00142b;width: 80px;text-align: center;" placeholder="开始时间" readonly>
                            <span>至</span>
                            <input type="text" value="" id="right_etime_2" style="background: #00142b;width: 80px;text-align: center;" placeholder="结束时间" readonly>
                        </div>
                        <div class="sun-dropdown-box">
                            <div class="dropdown-one">
                                <div class="label">班级:</div>
                                <select id="right_team_select_2" class="form-control selectpicker" title="请选择"></select>
                            </div>
                            <div class="dropdown-one">
                                <div class="label">学生:</div>
                                <select id="right_students_select_2" class="sun-students-select-one form-control selectpicker" title="请选择" multiple="" data-max-options="5"></select>
                            </div>
                            <div class="dropdown-one" style="padding-left: 5px;">
                                <a id="productCateCountExport" href="javascript:;" class="btn btn-default">
                                    <i class="glyphicon glyphicon-download-alt"></i>
                                    导出
                                </a>
                            </div>
                        </div>
                    </div>
                    <div id="productCateCountTable" class="main_table t_btn8">
                        <table>
                            <thead>
                            <tr>
                                <th>创作时间</th>
                                <th>班级</th>
                                <th>学生</th>
                                <th>作品</th>
                                <th>使用材料</th>
                            </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                        <span class="bottom-right border-span"></span>
                        <span class="bottom-left border-span"></span>
                    </div>
                    <div id="productCateCountPage" class="page-div"></div>
                </div>
                <div class="col-info sun-col-info material-use-detail">
                    <div class="title sun-title">账户余额</div>
                    <div class="data-time-dropdown-box">
                        <div class="data-time">
                            <img src="images/data_time.png" alt="" class="fl">
                            <input type="text" value="" id="right_stime_3" style="background: #00142b;width: 80px;text-align: center;" placeholder="开始时间" readonly>
                            <span>至</span>
                            <input type="text" value="" id="right_etime_3" style="background: #00142b;width: 80px;text-align: center;" placeholder="结束时间" readonly>
                        </div>
                        <div class="sun-dropdown-box">
                            <div class="dropdown-one">
                                <div class="label">班级:</div>
                                <select id="right_team_select_3" class="form-control selectpicker" title="请选择"></select>
                            </div>
                            <div class="dropdown-one">
                                <div class="label">学生:</div>
                                <select id="right_students_select_3" class="sun-students-select-one form-control selectpicker" title="请选择"></select>
                            </div>
                        </div>
                    </div>
                    <div class="content staff-info" id="account-balance">
                    </div>
                    <div id="studentBalanceListTable" class="main_table t_btn8">
                        <table>
                            <thead>
                            <tr>
                                <th>日期+时间</th>
                                <th>余额</th>
                            </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                        <span class="bottom-right border-span"></span>
                        <span class="bottom-left border-span"></span>
                    </div>
                    <div id="studentBalanceListPage" class="page-div"></div>
                </div>
            </div>
            <div class="col-sm-12 col-md-12 pd">
                <a name="materialUseContrast"></a>
                <div class="col-info sun-col-info">
                    <div class="title sun-titles">材料使用对比</div>
                    <div class="sun-dropdown-box">
                        <div class="data-time">
                            <img src="images/data_time.png" alt="" class="fl">
                            <input type="text" value="" id="bottom_stime" style="background: #00142b;width: 80px;text-align: center;" placeholder="开始时间" readonly>
                            <span>至</span>
                            <input type="text" value="" id="bottom_etime" style="background: #00142b;width: 80px;text-align: center;" placeholder="结束时间" readonly>
                        </div>
                        <div class="dropdown-one">
                            <div class="label">班级:</div>
                            <select id="bottom_class" class="form-control selectpicker" title="请选择"></select>
                        </div>
                        <div class="dropdown-one">
                            <div class="label">学生:</div>
                            <select id="bottom_students" class="sun-students-select-one form-control selectpicker" title="请选择" multiple="" data-max-options="5"></select>
                        </div>
                        <div class="dropdown-one">
                            <div class="label">材料:</div>
                            <select id="bottom_material" class="sun-students-select-one form-control selectpicker" title="请选择" multiple="" data-max-options="5"></select>
                        </div>
                    </div>
                    <div class="content" id="material-students-use-contrast"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--特效动画效果-->
<div id="query-page-data" style="display:none" onclick="loadPageData()" sa-gatherClick="true" elementCode="dataanalysis-m001-p0007-e00001" elementName="查询数据"></div>
<script src="js/pluginspackage/jquery/jquery.1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/pluginspackage/bootstrap-3.3.0/bootstrap.js" type="text/javascript" charset="utf-8"></script>
<script src="js/pluginspackage/bootstrap-3.3.0/respond.js" type="text/javascript" charset="utf-8"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-select/1.13.18/js/bootstrap-select.js"></script>
<script src="js/pluginspackage/swiper/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/pluginspackage/echarts/echarts.min.js" type="text/javascript" charset="utf-8"></script>
<!--<script src="js/office_efficiency_data.js" type="text/javascript" charset="utf-8"></script>
<script src="js/office_efficiency_index.js" type="text/javascript" charset="utf-8"></script>-->
<script src="js/foundation-datepicker.js"></script>
<script src="js/foundation-datepicker.zh-CN.js"></script>
<script src="js/common.js"></script>
<script>
    $(function () {
        $('#center_stime').val(begin_date)
        $('#center_etime').val(end_date)
        $('#right_stime_1').val(begin_date)
        $('#right_etime_1').val(end_date)
        $('#right_stime_2').val(begin_date)
        $('#right_etime_2').val(end_date)
        $('#right_stime_3').val(begin_date)
        $('#right_etime_3').val(end_date)
        $('#bottom_stime').val(begin_date)
        $('#bottom_etime').val(end_date)
        //获取班级
        teamList().then(res => {
            let teamHtml = '';
            res.team_list.map((item, index) => {
                if (index == 0) {
                    teamHtml += '<option value="' + item.classno + '" selected>' + item.classno + '</option>';
                } else {
                    teamHtml += '<option value="' + item.classno + '">' + item.classno + '</option>';
                }
            })
            $('#team_select_1').html(teamHtml);
            $("#team_select_1").selectpicker('refresh');
            $('#team_select_2').html(teamHtml);
            $("#team_select_2").selectpicker('refresh');
            $('#team_select_3').html(teamHtml);
            $("#team_select_3").selectpicker('refresh');
            $('#team_select_4').html(teamHtml);
            $("#team_select_4").selectpicker('refresh');
            $('#team_select_5').html(teamHtml);
            $("#team_select_5").selectpicker('refresh');

            $('#center_team_select').html(teamHtml);
            $("#center_team_select").selectpicker('refresh');

            $('#right_team_select_1').html(teamHtml);
            $("#right_team_select_1").selectpicker('refresh');
            $('#right_team_select_2').html(teamHtml);
            $("#right_team_select_2").selectpicker('refresh');
            $('#right_team_select_3').html(teamHtml);
            $("#right_team_select_3").selectpicker('refresh');

            $('#bottom_class').html(teamHtml);
            $("#bottom_class").selectpicker('refresh');

            //获取学生
            studentList({classno: res.team_list[0].classno}).then(studentRes => {
                let studentHtml = '';
                let studentHtml2 = '';
                let student_id_arr = [];
                studentRes.student_list.map((item, index) => {
                    if (index == 0) {
                        studentHtml += '<option value="' + item.userid + '" selected>' + item.username + '</option>';
                        student_id_arr.push(item.userid)
                    } else {
                        studentHtml += '<option value="' + item.userid + '">' + item.username + '</option>';
                    }
                    studentHtml2 += '<option value="' + item.userid + '">' + item.username + '</option>';
                })
                $('#students_select_1').html(studentHtml);
                $("#students_select_1").selectpicker('refresh');
                $('#students_select_2').html(studentHtml);
                $("#students_select_2").selectpicker('refresh');
                $('#students_select_3').html(studentHtml);
                $("#students_select_3").selectpicker('refresh');

                $('#students_select_5').html(studentHtml);
                $("#students_select_5").selectpicker('refresh');

                $('#right_students_select_1').html(studentHtml2);
                $("#right_students_select_1").selectpicker('refresh');
                $('#right_students_select_2').html(studentHtml);
                $("#right_students_select_2").selectpicker('refresh');
                $('#right_students_select_3').html(studentHtml);
                $("#right_students_select_3").selectpicker('refresh');

                $('#bottom_students').html(studentHtml);
                $("#bottom_students").selectpicker('refresh');

                //学生使用材料列表-图表
                getCateUsageChartByStudents({student_id_arr: student_id_arr})
                //学生使用材料列表-表格
                getCateUsageTableByStudents({student_id_arr: student_id_arr, page: 1})

                //材料使用明细
                cateDiversity({classno: res.team_list[0].classno, student_id: student_id_arr[0]})

                //查询当前学生对所有作品的互动记录
                getProductInteractionByClassnoAndStudentid({student_id: student_id_arr[0], page: 1});

                //根据班级编号和学生id获取材料的互动列表
                getCateInteractionByClassnoAndStudentid({student_id: student_id_arr[0], page: 1})

                //作品材料统计表
                productCateCount({page: 1});

                //账户余额--图表
                studentBalance();
                //账户余额--表格
                studentBalanceList({page: 1});
            })

            //获取材料
            cateList({classno: res.team_list[0].classno}).then(cateRes => {
                if (cateRes.cate_list.length == 0) {
                    return;
                }
                let cateHtml = '';
                cateRes.cate_list.map((item, index) => {
                    if (index == 0) {
                        cateHtml += '<option value="' + item.cateid + '" selected>' + item.catename + '</option>';
                    } else {
                        cateHtml += '<option value="' + item.cateid + '">' + item.catename + '</option>';
                    }
                })
                $('#cat_select_4').html(cateHtml);
                $("#cat_select_4").selectpicker('refresh');

                $('#center_cat_select').html(cateHtml);
                $("#center_cat_select").selectpicker('refresh');

                $('#bottom_material').html(cateHtml);
                $("#bottom_material").selectpicker('refresh');

                //根据材料查询学生的互动情况
                cateInteraction({cate_id: cateRes.cate_list[0].cateid, page: 1})

                //班级材料使用情况统计表--图表
                getCateUsageChartByClassNo({classno: res.team_list[0].classno, cate_id_arr: [cateRes.cate_list[0].cateid]})

                //材料使用对比--表格
                cateUseContrast();
            })

            //级材料使用情况统计表--表格
            getCateUsageTableByClassNo({classno: res.team_list[0].classno, page: 1})

            //作品输出统计表--表格
            productMakeList({page: 1});

            //材料回收情况统计表--图表
            getCateRecoveryChartByClassNo({classno: res.team_list[0].classno});

            //材料回收统计表--表格
            getCateRecoveryTableByClassNo({classno: res.team_list[0].classno, page: 1});
            //材料回收明细表--表格（明细）
            getCateRecoveryInfoTableByClassNo({classno: res.team_list[0].classno, page: 1});

            //某班使用材料情况统计--图表&表格
            cateSelectChart({page: 1});
            //某班所有学生使用材料情况--柱形图&饼图
            studentCateUsageColumnAndPieChart();
            //某班所有学生使用材料情况--表格
            studentCateUsageTable({page: 1});

            $('.center-classname').html($('#center_team_select option:selected').html())
            $('.right-classname').html($('#right_team_select_1 option:selected').html())
        });
    })

    //学生使用材料列表-选择班级
    $('#team_select_1').change(function () {
        let classno = $(this).val();
        studentList({classno: classno}).then(studentRes => {
            let studentHtml = '';
            let student_id_arr = [];
            studentRes.student_list.map((item, index) => {
                if (index == 0) {
                    studentHtml += '<option value="' + item.userid + '" selected>' + item.username + '</option>';
                    student_id_arr.push(item.userid)
                } else {
                    studentHtml += '<option value="' + item.userid + '">' + item.username + '</option>';
                }
            })
            $('#students_select_1').html(studentHtml);
            $("#students_select_1").selectpicker('refresh');
            //学生使用材料列表-图表
            getCateUsageChartByStudents({student_id_arr: student_id_arr})
            //学生使用材料列表-表格
            getCateUsageTableByStudents({student_id_arr: student_id_arr, page: 1})
        })
    })
    //学生使用材料列表-选择学生
    $('#students_select_1').change(function () {
        let student_id_arr = $(this).val();
        if (!student_id_arr) {
            return alert('至少选择一个学生');
        }
        //学生使用材料列表-图表
        getCateUsageChartByStudents({student_id_arr: student_id_arr})
        //学生使用材料列表-表格
        getCateUsageTableByStudents({student_id_arr: student_id_arr, page: 1})
    })

    //材料使用明细-选择班级
    $('#team_select_2').change(function () {
        let classno = $(this).val();
        studentList({classno: classno}).then(studentRes => {
            let studentHtml = '';
            let student_id_arr = [];
            studentRes.student_list.map((item, index) => {
                if (index == 0) {
                    studentHtml += '<option value="' + item.userid + '" selected>' + item.username + '</option>';
                    student_id_arr.push(item.userid)
                } else {
                    studentHtml += '<option value="' + item.userid + '">' + item.username + '</option>';
                }
            })
            $('#students_select_2').html(studentHtml);
            $("#students_select_2").selectpicker('refresh');
            //材料使用明细
            cateDiversity({classno: classno, student_id: student_id_arr[0]})
        })
    })
    //材料使用明细-选择学生
    $('#students_select_2').change(function () {
        let classno = $('#team_select_2').val();
        let student_id = $(this).val();
        //材料使用明细
        cateDiversity({classno: classno, student_id: student_id})
    })

    //查询当前学生对所有作品的互动记录-选择班级
    $('#team_select_3').change(function () {
        let classno = $(this).val();
        studentList({classno: classno}).then(studentRes => {
            let studentHtml = '';
            let student_id_arr = [];
            studentRes.student_list.map((item, index) => {
                if (index == 0) {
                    studentHtml += '<option value="' + item.userid + '" selected>' + item.username + '</option>';
                    student_id_arr.push(item.userid)
                } else {
                    studentHtml += '<option value="' + item.userid + '">' + item.username + '</option>';
                }
            })
            $('#students_select_3').html(studentHtml);
            $("#students_select_3").selectpicker('refresh');

            getProductInteractionByClassnoAndStudentid({student_id: student_id_arr[0], page: 1})
        })
    })
    //查询当前学生对所有作品的互动记录-选择学生
    $('#students_select_3').change(function () {
        let student_id = $(this).val();
        getProductInteractionByClassnoAndStudentid({student_id: student_id, page: 1})
    })

    //根据材料查询学生的互动情况-选择班级
    $('#team_select_4').change(function () {
        let classno = $(this).val();
        cateList({classno: classno}).then(cateRes => {
            if (cateRes.cate_list.length == 0) {
                return;
            }
            let cateHtml = '';
            cateRes.cate_list.map((item, index) => {
                if (index == 0) {
                    cateHtml += '<option value="' + item.cateid + '" selected>' + item.catename + '</option>';
                } else {
                    cateHtml += '<option value="' + item.cateid + '">' + item.catename + '</option>';
                }
            })
            $('#cat_select_4').html(cateHtml);
            $("#cat_select_4").selectpicker('refresh');

            //根据材料查询学生的互动情况
            cateInteraction({cate_id: cateRes.cate_list[0].cateid, page: 1})
        })
    })
    //根据材料查询学生的互动情况-选择材料
    $('#cat_select_4').change(function () {
        let cateid = $(this).val();
        cateInteraction({cate_id: cateid, page: 1})
    })

    //根据班级编号和学生id获取材料的互动列表-选择班级
    $('#team_select_5').change(function () {
        let classno = $(this).val();
        studentList({classno: classno}).then(studentRes => {
            let studentHtml = '';
            let student_id_arr = [];
            studentRes.student_list.map((item, index) => {
                if (index == 0) {
                    studentHtml += '<option value="' + item.userid + '" selected>' + item.username + '</option>';
                    student_id_arr.push(item.userid)
                } else {
                    studentHtml += '<option value="' + item.userid + '">' + item.username + '</option>';
                }
            })
            $('#students_select_5').html(studentHtml);
            $("#students_select_5").selectpicker('refresh');

            getCateInteractionByClassnoAndStudentid({student_id: student_id_arr[0], page: 1})
        })
    })
    //根据班级编号和学生id获取材料的互动列表-选择学生
    $('#students_select_5').change(function () {
        let student_id = $(this).val();
        getCateInteractionByClassnoAndStudentid({student_id: student_id, page: 1})
    })

    //作品列表
    productList().then(res => {
        let proHtml = '';
        res.product_list.map((item, index) => {
            if (index == 0) {
                proHtml += '<option value="' + item.productid + '" selected>' + item.productname + '</option>';
            } else {
                proHtml += '<option value="' + item.productid + '">' + item.productname + '</option>';
            }
        })
        $('#product_select_1').html(proHtml);
        $("#product_select_1").selectpicker('refresh');
        //根据作品查询学生的互动情况列表
        productInteraction({product_id: res.product_list[0].productid, page: 1})
    })
    //根据作品查询学生的互动情况列表-选择作品
    $('#product_select_1').change(function () {
        let product_id = $(this).val();
        productInteraction({product_id: product_id, page: 1})
    })

    /*中间*/
    $('#center_stime').fdatepicker({format: 'yyyy-mm-dd'}).on('changeDate', function (e) {
        let classno = $('#center_team_select').val();
        let cate_id_arr = $('#center_cat_select').val();
        //班级材料使用情况统计表--图表
        getCateUsageChartByClassNo({classno: classno, cate_id_arr: cate_id_arr});
        //班级材料使用情况统计表--表格
        getCateUsageTableByClassNo({classno: classno});
        //学生使用材料明细--表格
        studentUsageCateList({page: 1});
        //作品输出统计表--表格
        productMakeList({page: 1});
        //材料回收情况统计表--图表
        getCateRecoveryChartByClassNo({classno: classno});
        //材料回收统计表--表格
        getCateRecoveryTableByClassNo({classno: classno, page: 1});
        //材料回收明细表--表格（明细）
        getCateRecoveryInfoTableByClassNo({classno: classno, page: 1});
    });
    $('#center_etime').fdatepicker({format: 'yyyy-mm-dd'}).on('changeDate', function (e) {
        let classno = $('#center_team_select').val();
        let cate_id_arr = $('#center_cat_select').val();
        //班级材料使用情况统计表--图表
        getCateUsageChartByClassNo({classno: classno, cate_id_arr: cate_id_arr});
        //班级材料使用情况统计表--表格
        getCateUsageTableByClassNo({classno: classno});
        //学生使用材料明细--表格
        studentUsageCateList({page: 1});
        //作品输出统计表--表格
        productMakeList({page: 1});
        //材料回收情况统计表--图表
        getCateRecoveryChartByClassNo({classno: classno});
        //材料回收统计表--表格
        getCateRecoveryTableByClassNo({classno: classno, page: 1});
        //材料回收明细表--表格（明细）
        getCateRecoveryInfoTableByClassNo({classno: classno, page: 1});
    });

    //班级材料使用情况统计表--图表-选择班级
    $('#center_team_select').change(function () {
        let classno = $(this).val();
        //获取材料
        cateList({classno: classno}).then(cateRes => {
            if (cateRes.cate_list.length == 0) {
                return;
            }
            let cateHtml = '';
            cateRes.cate_list.map((item, index) => {
                if (index == 0) {
                    cateHtml += '<option value="' + item.cateid + '" selected>' + item.catename + '</option>';
                } else {
                    cateHtml += '<option value="' + item.cateid + '">' + item.catename + '</option>';
                }
            })

            $('#center_cat_select').html(cateHtml);
            $("#center_cat_select").selectpicker('refresh');

            getCateUsageChartByClassNo({classno: classno, cate_id_arr: [cateRes.cate_list[0].cateid]})
        })

        //级材料使用情况统计表--表格
        getCateUsageTableByClassNo({classno: classno, page: 1})
        //作品输出统计表--表格
        productMakeList({page: 1});
        //材料回收情况统计表--图表
        getCateRecoveryChartByClassNo({classno: classno});

        //材料回收统计表--表格
        getCateRecoveryTableByClassNo({classno: classno, page: 1});
        //材料回收明细表--表格（明细）
        getCateRecoveryInfoTableByClassNo({classno: classno, page: 1});

        $('.center-classname').html($('#center_team_select option:selected').html())
    })
    //班级材料使用情况统计表--图表-选择材料
    $('#center_cat_select').change(function () {
        let cate_id_arr = $(this).val();
        if (!cate_id_arr) {
            return alert('至少选择一种材料');
        }
        let classno = $('#center_team_select').val();
        getCateUsageChartByClassNo({classno: classno, cate_id_arr: cate_id_arr})
    })

    //学生使用材料明细--表格
    studentUsageCateList({page: 1});

    /*右侧*/
    $('#right_team_select_1').change(function () {
        let classno = $(this).val();
        studentList({classno: classno}).then(studentRes => {
            let studentHtml = '';
            studentRes.student_list.map((item, index) => {
                studentHtml += '<option value="' + item.userid + '">' + item.username + '</option>';
            })
            $('#right_students_select_1').html(studentHtml);
            $("#right_students_select_1").selectpicker('refresh');
            //某班使用材料情况统计--图表&表格
            cateSelectChart({page: 1});
            //某班所有学生使用材料情况--柱形图&饼图
            studentCateUsageColumnAndPieChart();
            //某班所有学生使用材料情况--表格
            studentCateUsageTable({page: 1});
        })

        $('.right-classname').html($('#right_team_select_1 option:selected').html())
    })
    $('#right_students_select_1').change(function () {
        //某班使用材料情况统计--图表&表格
        cateSelectChart({page: 1});
    })
    $('#right_stime_1').fdatepicker({format: 'yyyy-mm-dd'}).on('changeDate', function (e) {
        //某班使用材料情况统计--图表&表格
        cateSelectChart({page: 1});
        //某班所有学生使用材料情况--柱形图&饼图
        studentCateUsageColumnAndPieChart();
        //某班所有学生使用材料情况--表格
        studentCateUsageTable({page: 1});
    });
    $('#right_etime_1').fdatepicker({format: 'yyyy-mm-dd'}).on('changeDate', function (e) {
        //某班使用材料情况统计--图表&表格
        cateSelectChart({page: 1});
        //某班所有学生使用材料情况--柱形图&饼图
        studentCateUsageColumnAndPieChart();
        //某班所有学生使用材料情况--表格
        studentCateUsageTable({page: 1});
    });


    $('#right_team_select_2').change(function () {
        let classno = $(this).val();
        studentList({classno: classno}).then(studentRes => {
            let studentHtml = '';
            studentRes.student_list.map((item, index) => {
                if (index == 0) {
                    studentHtml += '<option value="' + item.userid + '" selected>' + item.username + '</option>';
                } else {
                    studentHtml += '<option value="' + item.userid + '">' + item.username + '</option>';
                }
            })
            $('#right_students_select_2').html(studentHtml);
            $("#right_students_select_2").selectpicker('refresh');
            //作品材料统计表
            productCateCount({page: 1});
        })
    })
    $('#right_students_select_2').change(function () {
        //作品材料统计表
        productCateCount({page: 1});
    })
    $('#right_stime_2').fdatepicker({format: 'yyyy-mm-dd'}).on('changeDate', function (e) {
        //作品材料统计表
        productCateCount({page: 1});
    });
    $('#right_etime_2').fdatepicker({format: 'yyyy-mm-dd'}).on('changeDate', function (e) {
        //作品材料统计表
        productCateCount({page: 1});
    });

    $('#right_team_select_3').change(function () {
        let classno = $(this).val();
        studentList({classno: classno}).then(studentRes => {
            let studentHtml = '';
            studentRes.student_list.map((item, index) => {
                if (index == 0) {
                    studentHtml += '<option value="' + item.userid + '" selected>' + item.username + '</option>';
                } else {
                    studentHtml += '<option value="' + item.userid + '">' + item.username + '</option>';
                }
            })
            $('#right_students_select_3').html(studentHtml);
            $("#right_students_select_3").selectpicker('refresh');
            //账户余额--图表
            studentBalance();
            //账户余额--表格
            studentBalanceList({page: 1});
        })
    })
    $('#right_students_select_3').change(function () {
        //账户余额--图表
        studentBalance();
        //账户余额--表格
        studentBalanceList({page: 1});
    })
    $('#right_stime_3').fdatepicker({format: 'yyyy-mm-dd'}).on('changeDate', function (e) {
        //账户余额--图表
        studentBalance();
        //账户余额--表格
        studentBalanceList({page: 1});
    });
    $('#right_etime_3').fdatepicker({format: 'yyyy-mm-dd'}).on('changeDate', function (e) {
        //账户余额--图表
        studentBalance();
        //账户余额--表格
        studentBalanceList({page: 1});
    });

    $('#bottom_stime').fdatepicker({format: 'yyyy-mm-dd'}).on('changeDate', function (e) {
        //材料使用对比--表格
        cateUseContrast();
    });
    $('#bottom_etime').fdatepicker({format: 'yyyy-mm-dd'}).on('changeDate', function (e) {
        //材料使用对比--表格
        cateUseContrast();
    });
    $('#bottom_class').change(function () {
        let classno = $(this).val();
        studentList({classno: classno}).then(studentRes => {
            let studentHtml = '';
            studentRes.student_list.map((item, index) => {
                if (index == 0) {
                    studentHtml += '<option value="' + item.userid + '" selected>' + item.username + '</option>';
                } else {
                    studentHtml += '<option value="' + item.userid + '">' + item.username + '</option>';
                }
            })
            $('#bottom_students').html(studentHtml);
            $("#bottom_students").selectpicker('refresh');
            //材料使用对比--表格
            cateUseContrast();
        })

        //获取材料
        cateList({classno: classno}).then(cateRes => {
            let cateHtml = '';
            cateRes.cate_list.map((item, index) => {
                if (index == 0) {
                    cateHtml += '<option value="' + item.cateid + '" selected>' + item.catename + '</option>';
                } else {
                    cateHtml += '<option value="' + item.cateid + '">' + item.catename + '</option>';
                }
            })
            $('#bottom_material').html(cateHtml);
            $("#bottom_material").selectpicker('refresh');
            //材料使用对比--表格
            cateUseContrast();
        })
    })
    $('#bottom_students').change(function () {
        //材料使用对比--表格
        cateUseContrast();
    })
    $('#bottom_material').change(function () {
        //材料使用对比--表格
        cateUseContrast();
    })

    $("#productCateCountExport").click(function () {
        productCateCountExport();
    })
</script>
</body>
</html>